<!DOCTYPE html>
<%@ page language="java" contentType="text/html; charset=utf-8" pageEncoding="utf-8" session="true"%>
<%@ taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c" %>
<link rel="stylesheet" href="/css/jquery.mobile-1.3.2.css" />  
<link href="/css/jqm-datebox.css" rel="stylesheet" type="text/css"> 
<script src="http://code.jquery.com/mobile/1.3.2/jquery.mobile-1.3.2.min.js"></script>   
<style type="text/css">
.ui-li {
    height : 20%;  
}
</style>
<body>
<div data-role="page" data-theme="a" id="demo-page" class="my-page" data-url="demo-page">  
    <div data-role="header">  
        <h1>휘닉스파크</h1>     
    </div><!-- /header -->  
  <div data-role="content">     
    <div data-role="collapsible-set">     
      <div data-role="collapsible">
        <h2>탑승현황</h2>
        <ul data-role="listview" data-theme="c">      
            <li><a href="#" onClick="bustotal('prod')">상품별</a></li>
            <li><a href="#" onClick="bustotal('time')">시간대별</a></li>
            <li><a href="#" onClick="bustotal('line')">노선별</a></li>
        </ul>
      </div>
      <div data-role="collapsible">
        <h2>온라인 매출통계</h2>
        <ul data-role="listview" data-theme="c">
            <li><a href="#" onClick="bustotal('online')">온라인 매출통계</a></li>
        </ul>
      </div>
      <div data-role="collapsible">
        <h2>현장 매출통계</h2>
        <ul data-role="listview" data-theme="c">
            <li><a href="#" onClick="bustotal('place')">현장 매출통계</a></li>    
        </ul>                
      </div>
    </div>
  </div>
    <div data-role="footer" data-theme="none">
        <h3>(주)모지트</h3>
    </div><!-- /footer -->
</div>    
</body>
</html>